<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 版心 -->
        <div class="w">
            <!-- 导航 -->
            <div class="header-nav">
                <!-- logo -->
                <div class="logo-left">
                    <img src="img/index/logo.png" alt="">
                    <img src="img/index/logo镜界.png" alt="">
                </div>
                <!-- logo -->
                <div class="logo-right">
                    <ul class="list">
                        <li class="item mr0">
                            <a href="index.html">首页</a>
                        </li>
                        <li class="item">
                            <a href="visit.html">样片大赏</a>
                        </li>
                        <li class="item">
                            <a href="active.html">当季优惠</a>
                        </li>
                        <li class="item">
                            <a href="tourcoty.html">旅拍城市</a>
                        </li>
                        <li class="item">
                            <a href="about.html">关于我们</a>
                        </li>
                        <li class="item">
                            <a href="call.html">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左右箭头 -->
        <div class="arrow">
            <span class="arr-left"></span>
            <span class="arr-right"></span>
        </div>
    </div>
    <!-- Exhibittion of works -->
    <div class="works">
        <div class="w">
            <div class="nav">
                <span class="nav-title">Exhibittion of works</span>
                <hr><br>
                <span>作品展示</span>
            </div>
            <div class="show">
                <div class="card">
                    <img src="img/index/1-1.png" alt="">
                </div>
                <div class="card">
                    <img src="img/index/1-2.png" alt="">
                </div>
                <div class="card">
                    <img src="img/index/1-3.png" alt="">
                </div>
                <div class="card mr0">
                    <img src="img/index/1-4.png" alt="">
                </div>
                <div class="card">
                    <img src="img/index/2-1.png" alt="">
                </div>
                <div class="card">
                    <img src="img/index/2-2.png" alt="">
                </div>
                <div class="card">
                    <img src="img/index/2-3.png" alt="">
                </div>
                <div class="card mr0">
                    <img src="img/index/2-4.png" alt="">
                </div>
            </div>
            <div class="view">
                <a href="">VIEW MORE</a>
            </div>
        </div>
    </div>
    <!-- Welfare -->
    <div class="welfare">
        <div class="nav">
            <span class="nav-title" href="">Welfare</span>
            <hr><br>
            <span>优惠福利</span>
        </div>
        <div class="w">
            <div class="center">
                <div class="welfare-left">
                    <div class="welfare-box">
                        <div class="welfare-img">
                            <img src="img/index/activity (3).png" alt="">
                        </div>
                        <div class="activity">
                            <a href="" class="a1">国庆特惠</a>
                            <a href="" class="a2">7288元/套</a>
                        </div>
                        <div class="dot">

                        </div>
                    </div>
                    <div class="welfare-box">
                        <div class="welfare-img">
                            <img src="img/index/activity (2).png" alt="">
                        </div>
                        <div class="activity">
                            <a href="" class="a1">闺蜜套餐</a>
                            <a href="" class="a2">6250元/套</a>
                        </div>
                        <div class="dot">

                        </div>
                    </div>
                </div>
                <div class="welfare-line"></div>
                <div class="welfare-right">
                    <div class="welfare-box r1">
                        <div class="welfare-img">
                            <img src="img/index/activity (4).png" alt="">
                        </div>
                        <div class="activity">
                            <a href="" class="a1">情侣特惠</a>
                            <a href="" class="a2">5520元/套</a>
                        </div>
                        <div class="dot">

                        </div>
                    </div>
                    <div class="welfare-box">
                        <div class="welfare-img">
                            <img src="img/index/activity (1).png" alt="">
                        </div>
                        <div class="activity">
                            <a href="" class="a1">个人福利</a>
                            <a href="" class="a2">3230元/套</a>
                        </div>
                        <div class="dot">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About  us -->
    <div class="about">

        <div class="w">
            <div class="nav">
                <span class="nav-title" href="">About &nbsp;&nbsp;&nbsp;&nbsp; us</span>
                <hr><br>
                <span>关于我们</span>
            </div>
            <div class="about-logo"></div>
            <div class="icon-card">
                <div class="icon-img">
                    <img src="img/index/i4-2.png" alt="">
                </div>
                <div class="icon-text">
                    <p> 2014年 成立于 郑州，是</p>
                    <p>郑州知名一线品牌旅拍</p>
                    <p> 摄影工作。</p>
                </div>
            </div>
            <div class="icon-card">
                <div class="icon-img">
                    <img src="img/index/i4-3.png" alt="">
                </div>
                <div class="icon-text">
                    <p> 作品 多 次被今 日人像和 </p>
                    <p>人像摄影 等知名行内杂</p>
                    <p>志推荐</p>
                </div>
            </div>
            <div class="icon-card">
                <div class="icon-img">
                    <img src="img/index/i4-4.png" alt="">
                </div>
                <div class="icon-text">
                    <p>我们的拍摄方式更像是</p>
                    <p>一 天 旅 行，风景与光影，</p>
                    <p>只是为了见证情感</p>
                </div>
            </div>
            <div class="icon-card mr0">
                <div class="icon-img">
                    <img src="img/index/i4-5.png" alt="">
                </div>
                <div class="icon-text">
                    <p>时尚会消逝，影像会长存，</p>
                    <p>我们让每一张照片</p>
                    <p>充满幸福的温度。</p>
                </div>
            </div>
        </div>

    </div>
    <!-- Medical  equipment -->
    <div class="medical">
        <div class="w">
            <div class="nav">
                <span class="nav-title" href="">Medical equipment</span>
                <hr><br>
                <span>约拍流程</span>
            </div>
            <div class="med-foot">
                <div class="medical-list">
                    <div class="medical-item">
                        <p>1</p>
                    </div>
                    <div class="medical-icon"></div>
                    <div class="medical-text">
                        <div class="text-item">
                            <h3>&nbsp;&nbsp;&nbsp;&nbsp;前期沟通</h3>
                            <p>确定时间地点及相关事项</p>
                        </div>
                        <div class="block"></div>
                    </div>
                </div>
                <div class="medical-list">
                    <div class="medical-item">
                        <p>2</p>
                    </div>
                    <div class="medical-icon"></div>
                    <div class="medical-text">
                        <div class="text-item">
                            <h3>&nbsp;&nbsp;&nbsp;&nbsp;签约拍摄</h3>
                            <p>签订拍摄协议，预付<br>30%款项</p>
                        </div>
                        <div class="block"></div>
                    </div>
                </div>
                <div class="medical-list">
                    <div class="medical-item">
                        <p>3</p>
                    </div>
                    <div class="medical-icon"></div>
                    <div class="medical-text">
                        <div class="text-item">
                            <h3>拍摄</h3>
                            <p>指派摄影师拍摄，拍摄<br>完毕后支付4%款项</p>
                        </div>
                        <div class="block"></div>
                    </div>
                </div>
                <div class="medical-list">
                    <div class="medical-item">
                        <p>4</p>
                    </div>
                    <div class="medical-icon"></div>
                    <div class="medical-text">
                        <div class="text-item">
                            <h3>选片</h3>
                            <p>客户挑选拍摄的原片，<br>支付剩余30%款项</p>
                        </div>
                        <div class="block"></div>
                    </div>
                </div>
                <div class="medical-list mr0">
                    <div class="medical-item">
                        <p>5</p>
                    </div>
                    <div class="medical-icon"></div>
                    <div class="medical-text">
                        <div class="text-item">
                            <h3>精修返图</h3>
                            <p>后期精修挑选的原片，<br>交付图片</p>
                        </div>
                        <div class="block"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="footer">
        <div class="w">
            <div class="footer-text">
                <div class="text-item">
                    <dt>郑州镜界摄影服务工作室</dt>
                    <dd>
                        <div class="footer-icon">
                            <img src="img/index/weibo.png" alt="">
                            <img src="img/index/qq.png" alt="">
                            <img src="img/index/weixin.png" alt="">
                            <img src="img/index/baidu.png" alt="">
                        </div>
                    </dd>
                </div>
                <div class="text-item">
                    <dt>地址：郑州市郑东新区绿地中心6号楼</dt>
                    <dd>服务热线：037-7981788</dd>
                    <dd>邮编：456333</dd>
                </div>
                <div class="text-item">
                    <dt>手机：18236988754</dt>
                    <dd>邮箱：912754544@qq.com</dd>
                    <dd>Q Q：912754544</dd>
                </div>
            </div>
        </div>
    </div>
    <!-- footid -->
    <div class="footid">
        <div class="w">
            <div class="footid-text">
                <p>Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号</p>
            </div>
        </div>
    </div>
</body>

</html>